import { Component } from '@angular/core';

/**
 * ExpansionComponent
 * @see
 * - 内容投影 https://angular.cn/guide/content-projection
 * @example
 * <nova-expansion>
  *  <nova-expansion-panel>
  *      <ng-container panel-title01>
  *          <nova-expansion-panel-maintitle>
  *              <h4>个人数据</h4>
  *          </nova-expansion-panel-maintitle>
  *          <nova-expansion-panel-subheading>
  *              <h4>输入您的姓名和年龄</h4>
  *          </nova-expansion-panel-subheading>
  *          <nova-expansion-panel-icon>
  *              <img width="100%" src="https://img.51miz.com/Element/00/67/45/99/4f7fd1d3_E674599_09ee71de.png" alt="">
  *          </nova-expansion-panel-icon>
  *      </ng-container>
  *      <ng-container panel-content01>
  *          <div class="inp">
  *              <input type="text" placeholder="First name">
  *              <input type="text" placeholder="Age">
  *          </div>
  *          <div class="btn">
  *              <button>Next</button>
  *          </div>
  *      </ng-container>
*
  *      <ng-container panel-title02>
  *          <nova-expansion-panel-maintitle>
  *              <h4>目的地</h4>
  *          </nova-expansion-panel-maintitle>
  *          <nova-expansion-panel-subheading>
  *              <h4>输入国家/地区名称</h4>
  *          </nova-expansion-panel-subheading>
  *          <nova-expansion-panel-icon>
  *              <img width="100%"
  *                  src="https://tse4-mm.cn.bing.net/th/id/OIP-C.8Ulklf_I3_ala-NlIJxHvgAAAA?pid=ImgDet&rs=1" alt="">
  *          </nova-expansion-panel-icon>
  *      </ng-container>
  *      <ng-container panel-content02>
  *          <div class="inp">
  *              <input type="text" placeholder="Country">
  *          </div>
  *          <div class="btn">
  *              <button>Previous</button>
  *              <button>Next</button>
  *          </div>
  *      </ng-container>
*
  *      <ng-container panel-title03>
  *          <nova-expansion-panel-maintitle>
  *              <h4>旅行当天</h4>
  *          </nova-expansion-panel-maintitle>
  *          <nova-expansion-panel-subheading>
  *              <h4>告知您希望旅行的日期</h4>
  *          </nova-expansion-panel-subheading>
  *          <nova-expansion-panel-icon>
  *              <img width="100%" src="https://img.51miz.com/Element/00/77/63/65/545d7973_E776365_51a5a899.png" alt="">
  *          </nova-expansion-panel-icon>
  *      </ng-container>
  *      <ng-container panel-content03>
  *          <div class="inp">
  *              <input type="text" placeholder="Data">
  *          </div>
  *          <div class="btn">
  *              <button>Previous</button>
  *              <button>End</button>
  *          </div>
  *      </ng-container>
  *  </nova-expansion-panel>
*</nova-expansion>
 */
@Component({
  selector: 'nova-expansion',
  templateUrl: './expansion.component.html',
  styleUrls: ['./expansion.component.scss']
})
export class ExpansionComponent {
}
